import { DEFAULT_LAYOUT } from "../base";
import { AppRouteRecordRaw } from "../types";

const MULTILEVEL: AppRouteRecordRaw = {
  path: "/multiMenu",
  name: "multiMenu",
  component: DEFAULT_LAYOUT,
  redirect: "/multiMenu/levelTwo-menu1",
  meta: {},
  children: [
    {
      path: "levelTwo-menu1",
      name: "levelTwo-menu1",
      component: () => import("@/views/multilevel-menu/LevelTwoMenu_2.vue"),
      redirect: "/multiMenu/levelTwo-menu1/levelThree-menu1",
      meta: {
        title: "二级菜单1"
      }
    },
    {
      path: "levelTwo-menu1/levelThree-menu1",
      name: "levelThree-menu1",
      component: () => import("@/views/multilevel-menu/LevelThreeMenu_1.vue"),
      meta: {
        title: "三级菜单1"
      }
    },
    {
      path: "levelTwo-menu1/levelThree-menu2",
      name: "levelThree-menu2",
      component: () => import("@/views/multilevel-menu/LevelThreeMenu_2.vue"),
      meta: {
        title: "三级菜单2"
      }
    },
    {
      path: "levelTwo-menu2",
      name: "levelTwo-menu2",
      component: () => import("@/views/multilevel-menu/LevelTwoMenu_2.vue"),
      meta: {
        title: "二级菜单2"
      }
    }
  ]
};

export default MULTILEVEL;
